$('.login a').on('click', function() {
    $('.login').hide().next().show()
})
$('.register a').on('click', function() {
    $('.register').hide().prev().show()
})

// 登录
$('.login form').on('submit', function(e) {
    e.preventDefault()
    let data = $(this).serialize()
    $.ajax({
        type: 'POST',
        url: '/api/login',
        data: data,
        success: function(res) {
            if (res.status === 0) {
                layer.msg(res.message, { time: 1500 }, function() {
                    // localStorage.setItem('token', res.token);
                    localStorage.setItem('token', res.token)
                        // 跳转到首页面 index.html
                    location.href = './index.html';
                })

            }
        }
    })
})



// 注册
$('.register form').on('submit', function(e) {
    e.preventDefault();
    let data = $(this).serialize()
    $.ajax({
        type: 'POST',
        url: '/api/reguser',
        data: data,
        success: function(res) {
            if (res.status === 0) {
                layer.msg(res.message)
                $('.register form')[0].reset();
                // 切换到登录的盒子
                $('.login').show().next().hide();
            }
        }
    })
})

// 正则验证
let form = layui.form;

form.verify({
    // 键(验证规则): 值(验证方法)

    // 比如验证用户名长度2~10位，只能是数字字母组合
    // user: [/正则表达式/, '验证不通过时的提示']
    user: [/^[a-zA-Z0-9]{2,10}$/, '用户名只能是数字字母，且2~10位'], // {2,10} 不是 {2, 10}

    len: [/^\S{6,12}$/, '密码6~12位且不能有空格'],

    same: function(val) {
        console.log(val);
        // 形参，表示使用该验证规则的输入框的值（谁用这个验证规则，val表示谁的值）
        // 案例中，重复密码使用了这个验证规则，所以形参val表示输入的重复密码
        let pwd = $('.pwd').val();
        console.log(pwd);
        if (pwd !== val) {
            // return '错误提示'
            return '两次密码不一致'
        }
    }

});


// 验证用户名
// 验证用户名
$('#reg_user').on('blur', function() {
    var that = $(this);
    var username = that.val().trim();
    if (username === '') return that.next('span').text('');
    if (!/^[a-zA-Z][a-zA-Z0-9]{1,9}$/.test(username)) return that.next('span').css('color', 'red').text('只能是数字字母，字母开头，2~10位');
    $.ajax({
        url: '/api/checkuser',
        data: { username: that.val() },
        success: function(res) {
            if (res.status === 1) {
                that.next('span').css('color', 'red').text('用户名已存在');
            } else {
                that.next('span').css('color', 'green').text('用户名可用');
            }
        }
    })
})